<template>
  <RouterView/>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

onMounted(() => {
  let isPageHidden = false;

  // 监听 visibilitychange 事件
  document.addEventListener('visibilitychange', () => {
    if (document.visibilityState === 'hidden') {
      // 页面被隐藏（用户切换到其他标签页或最小化浏览器）
      isPageHidden = true;
    } else {
      // 页面重新可见
      isPageHidden = false;
    }
  });

  // 监听 pagehide 事件
  window.addEventListener('pagehide', () => {
    if (isPageHidden) {
      // 如果页面被隐藏且触发了 pagehide，则认为是窗口关闭
      localStorage.clear();
      console.log('LocalStorage cleared because the window is closing.');
    }
  });
});
</script>